.digit {
	width: 120px;
	height: 200px;
	margin: 0 5px;
	position: relative;
	display: inline-block;
}

.digit .segment {
	background: #c00;
	border-radius: 5px;
	position: absolute;
	opacity: 0.15;
	transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
}

.digit .segment.on,
.separator {
	opacity: 1;
	box-shadow: 0 0 50px rgba(255, 0, 0, 0.7);
	transition: opacity 0s;
	-webkit-transition: opacity 0s;
	-ms-transition: opacity 0s;
	-moz-transition: opacity 0s;
	-o-transition: opacity 0s;
}

.digit .segment:nth-child(1) {
	top: 10px;
	left: 20px;
	right: 20px;
	height: 10px;
}

.digit .segment:nth-child(2) {
	top: 20px;
	right: 10px;
	width: 10px;
	height: 75px;
	height: calc(50% - 25px);
}

.digit .segment:nth-child(3) {
	bottom: 20px;
	right: 10px;
	width: 10px;
	height: 75px;
	height: calc(50% - 25px);
}
.digit .segment:nth-child(4) {
	bottom: 10px;
	right: 20px;
	height: 10px;
	left: 20px;
}
.digit .segment:nth-child(5) {
	bottom: 20px;
	left: 10px;
	width: 10px;
	height: 75px;
	height: calc(50% - 25px);
}
.digit .segment:nth-child(6) {
	top: 20px;
	left: 10px;
	width: 10px;
	height: 75px;
	height: calc(50% - 25px);
}
.digit .segment:nth-child(7) {
	bottom: 95px;
	bottom: calc(50% - 5px);
	right: 20px;
	left: 20px;
	height: 10px;
}
